<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view locale="#{SessionVozClienteBean.localeSetting}">
        <f:loadBundle basename="UtilidadesSetup" var="utilidadesSetup"/>
        <f:loadBundle basename="VozClienteSetup" var="vozClienteSetup"/>
        <div align="center" style="width: 100%">
            <ui:themeLinks binding="#{ListadoVozClientePage.themeLinks1}" id="themeLinks1"/>
            <ui:form binding="#{ListadoVozClientePage.vozClienteForm}" id="vozClienteForm">
                <center>
                    <table>
                        <tr>
                            <td align="center">
                                <!-- contenedorGridPanel -->
                                <h:panelGrid columnClasses="top" columns="2" id="arribaGridPanel">
                                    <h:panelGrid columns="1" id="izquierdaGridPanel">
                                        <h:panelGrid columns="2" headerClass="headerClassDataTable" rowClasses="rowClassWhite, rowClassBlue">
                                            <f:facet name="header">
                                                <h:outputText value="Opciones de Búsqueda"/>
                                            </f:facet>
                                            <h:outputText rendered="#{!SessionVozClienteBean.cliente}" style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText rendered="#{!SessionVozClienteBean.cliente}" style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText rendered="#{!SessionVozClienteBean.cliente}" styleClass="outputText" value="CLIENTE"/>
                                            <ui:dropDown binding="#{ListadoVozClientePage.dropDownClientes}" id="dropDownClientes"
                                                items="#{SessionVozClienteBean.clientesOptions}" rendered="#{!SessionVozClienteBean.cliente}"
                                                styleClass="select" submitForm="true" valueChangeListener="#{ListadoVozClientePage.dropDownClientes_processValueChange}"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText styleClass="outputText" value="PRODUCTO"/>
                                            <ui:dropDown binding="#{ListadoVozClientePage.dropDownProductos}" id="dropDownProductos"
                                                items="#{SessionVozClienteBean.productosOptions}" styleClass="select"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText styleClass="outputText" value="AÑO"/>
                                            <h:panelGrid columns="3">
                                                <ui:calendar binding="#{ListadoVozClientePage.calendarSemana}"
                                                    dateFormatPattern="#{logsGestionSetup.dateFormatCalendar}" id="calendarSemana"
                                                    maxDate="#{SessionVozClienteBean.maxDate}" minDate="#{SessionVozClienteBean.minDate}" selectedDate="#{SessionVozClienteBean.selectedDate}">
                                                    <f:convertDateTime pattern="#{vozClienteSetup.dateFormatCalendar}"/>
                                                </ui:calendar>
                                                <h:outputText style="color: white" styleClass="outputText" value="_____"/>
                                                <h:message for="calendarSemana" id="calendarSemanaMessage" styleClass="portlet-msg-alert"/>
                                            </h:panelGrid>
                                        </h:panelGrid>
                                        <h:panelGrid columns="2" headerClass="headerClassDataTable" rowClasses="rowClassWhite, rowClassBlue">
                                            <f:facet name="header">
                                                <h:outputText value="Filtros Opcionales"/>
                                            </f:facet>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText styleClass="outputText" value="DEPARTAMENTO"/>
                                            <ui:dropDown binding="#{ListadoVozClientePage.dropDownDepartamento}" id="dropDownDepartamento"
                                                items="#{SessionVozClienteBean.departamentosOptions}" styleClass="select" submitForm="true" valueChangeListener="#{ListadoVozClientePage.dropDownDepartamento_processValueChange}"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText styleClass="outputText" value="MUNICIPIO"/>
                                            <ui:dropDown binding="#{ListadoVozClientePage.dropDownCentrosP}" id="dropDownCentrosP"
                                                items="#{SessionVozClienteBean.centroPobladosOptions}" styleClass="select"/>                                            
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText styleClass="outputText" value="DISTRIBUCIÓN"/>
                                            <ui:dropDown binding="#{ListadoVozClientePage.dropDownGestion}" id="dropDownGestion"
                                                items="#{SessionVozClienteBean.distribucionOptions}" styleClass="select"/>    
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:panelGrid columns="2">
                                                <h:outputText styleClass="outputText" value="ALARMA"/>
                                                <ui:dropDown binding="#{ListadoVozClientePage.dropDownAlarma}" id="dropDownAlarma"
                                                    items="#{SessionVozClienteBean.alarmasOptions}" styleClass="select"/>
                                            </h:panelGrid>
                                            <h:panelGrid columns="2">
                                                <h:outputText styleClass="outputText" value="ORDENAR POR"/>
                                                <ui:dropDown binding="#{ListadoVozClientePage.dropDownOrdenar}" id="dropDownOrdenar"
                                                    items="#{SessionVozClienteBean.ordenarOptions}" styleClass="select"/>
                                            </h:panelGrid>
                                        </h:panelGrid>
                                        <f:facet name="footer">
                                            <h:panelGroup style="display: block; text-align: center">
                                                <h:commandButton action="#{ListadoVozClientePage.buttonConsultar_action}"
                                                    binding="#{ListadoVozClientePage.buttonConsultar}" id="buttonConsultar" styleClass="button" value="CONSULTAR"/>
                                                <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                                <h:commandButton action="#{ListadoVozClientePage.buttonLimpiar_action}"
                                                    binding="#{ListadoVozClientePage.buttonLimpiar}" id="buttonLimpiar" styleClass="button" value="LIMPIAR"/>
                                                <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                                <h:commandButton action="#{ListadoVozClientePage.buttonCargarArchivo_action}"
                                                    binding="#{ListadoVozClientePage.buttonCargarArchivo}" id="buttonCargarArchivo"
                                                    rendered="#{SessionVozClienteBean.coordinadorAuditoria}" styleClass="button" value="CARGAR ARCHIVO"/>
                                            </h:panelGroup>
                                        </f:facet>
                                    </h:panelGrid>
                                    <h:panelGrid columnClasses="top" columns="1" id="derechaGridPanel" style="text-align: center" width="100%">
                                        <h:outputText style="color: white" value="_____________________________________________________"/>
                                        <h:panelGroup style="display: block; text-align: center">
                                            <h:panelGrid columns="2">
                                                <ui:image url="#{utilidadesSetup.greenBallImg}"/>
                                                <h:outputText styleClass="outputText" value="PROMEDIO"/>
                                                <ui:image url="#{utilidadesSetup.yellowBallImg}"/>
                                                <h:outputText styleClass="outputText" value="ALTO"/>
                                                <ui:image url="#{utilidadesSetup.redBallImg}"/>
                                                <h:outputText styleClass="outputText" value="CRÍTICO"/>
                                            </h:panelGrid>
                                        </h:panelGroup>
                                    </h:panelGrid>
                                </h:panelGrid>
                                <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                <h:dataTable binding="#{ListadoVozClientePage.dataTableVozCliente}" headerClass="headerClassDataTable" id="dataTableVozCliente"
                                    rendered="#{SessionVozClienteBean.renderedDataTableVozCliente}" rowClasses="rowClassBlue,rowClassWhite" rows="50"
                                    value="#{SessionVozClienteBean.vozClienteResult}" var="currentRow">
                                    <h:column binding="#{ListadoVozClientePage.column1}" id="column1">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoVozClientePage.outputText2}" id="outputText2" value="Departamento"/>
                                        </f:facet>
                                        <h:outputText binding="#{ListadoVozClientePage.outputText1}" id="outputText1" styleClass="outputTextDataTable" value="#{currentRow.nombreDepartamento}"/>
                                    </h:column>
                                    <h:column binding="#{ListadoVozClientePage.column2}" id="column2">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoVozClientePage.outputText4}" id="outputText4" value="Municipio"/>
                                        </f:facet>
                                        <h:outputText binding="#{ListadoVozClientePage.outputText3}" id="outputText3" styleClass="outputTextDataTable" value="#{currentRow.nombreCentroP}"/>
                                    </h:column>
                                    <h:column binding="#{ListadoVozClientePage.column3}" id="column3">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoVozClientePage.outputText6}" id="outputText6" value="Barrio"/>
                                        </f:facet>
                                        <h:outputText binding="#{ListadoVozClientePage.outputText5}" id="outputText5" styleClass="outputTextDataTable" value="#{currentRow.barrio}"/>
                                    </h:column>
                                    <h:column binding="#{ListadoVozClientePage.column4}" id="column4">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoVozClientePage.outputText7}" id="outputText7" value="Cantidad"/>
                                        </f:facet>
                                        <h:panelGrid columns="1" style="text-align: center" width="100%">
                                            <h:commandLink action="#{ListadoVozClientePage.linkActionCantidad_action}"
                                                binding="#{ListadoVozClientePage.linkActionCantidad}" id="linkActionCantidad">
                                                <h:outputText binding="#{ListadoVozClientePage.linkAction1Text}" id="linkAction1Text"
                                                    styleClass="outputTextCommandLink" value="#{currentRow.numeroReclamosSitio}"/>
                                            </h:commandLink>
                                            <h:inputHidden binding="#{ListadoVozClientePage.hiddenFieldCodigoVozCliente}" id="hiddenFieldCodigoVozCliente" value="#{currentRow.codigoVozCliente}"/>
                                            <h:inputHidden binding="#{ListadoVozClientePage.hiddenFieldCodigoDepartamento}" id="hiddenFieldCodigoDepartamento" value="#{currentRow.codigoDepartamento}"/>
                                            <h:inputHidden binding="#{ListadoVozClientePage.hiddenFieldCodigoMunicipio}" id="hiddenFieldCodigoMunicipio" value="#{currentRow.codigoMunicipio}"/>
                                            <h:inputHidden binding="#{ListadoVozClientePage.hiddenFieldCodigoCentroP}" id="hiddenFieldCodigoCentroP" value="#{currentRow.codigoCentroP}"/>
                                            <h:inputHidden binding="#{ListadoVozClientePage.hiddenFieldBarrio}" id="hiddenFieldBarrio" value="#{currentRow.barrio}"/>
                                        </h:panelGrid>
                                    </h:column>
                                    <h:column binding="#{ListadoVozClientePage.column5}" id="column5">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoVozClientePage.outputText8}" id="outputText8" value="Alarma"/>
                                        </f:facet>
                                        <h:panelGrid columns="1" style="text-align: center" width="100%">
                                            <h:graphicImage url="#{currentRow.pathImagenAlarma}"/>
                                        </h:panelGrid>
                                    </h:column>
                                    <f:facet name="footer">
                                        <h:panelGrid columns="2" style="text-align: center" width="100%">
                                            <h:panelGroup binding="#{ListadoVozClientePage.groupPanel1}" id="groupPanel1"
                                                style="display: block; text-align: right" styleClass="list-paging-footer">
                                                <h:commandButton action="#{ListadoVozClientePage.dataTableVozCliente_firstPageAction}"
                                                    binding="#{ListadoVozClientePage.dataTableVozClienteFooterFirstButton}"
                                                    id="dataTableVozClienteFooterFirstButton" image="#{utilidadesSetup.firstPageImg}" immediate="true"/>
                                                <h:commandButton action="#{ListadoVozClientePage.dataTableVozCliente_previousPageAction}"
                                                    binding="#{ListadoVozClientePage.dataTableVozClienteFooterPreviousButton}"
                                                    id="dataTableVozClienteFooterPreviousButton" image="#{utilidadesSetup.previousPageImg}" immediate="true"/>
                                                <h:commandButton action="#{ListadoVozClientePage.dataTableVozCliente_nextPageAction}"
                                                    binding="#{ListadoVozClientePage.dataTableVozClienteFooterNextButton}"
                                                    id="dataTableVozClienteFooterNextButton" image="#{utilidadesSetup.nextPageImg}" immediate="true"/>
                                                <h:commandButton action="#{ListadoVozClientePage.dataTableVozCliente_lastPageAction}"
                                                    binding="#{ListadoVozClientePage.dataTableVozClienteFooterLastButton}"
                                                    id="dataTableVozClienteFooterLastButton" image="#{utilidadesSetup.lastPageImg}" immediate="true"/>
                                            </h:panelGroup>
                                            <h:panelGroup style="display: block; text-align: right">
                                                <h:commandButton action="#{ListadoVozClientePage.buttonArchivoPrincipal_action}"
                                                    binding="#{ListadoVozClientePage.buttonArchivoPrincipal}" id="buttonArchivoPrincipal"
                                                    rendered="#{SessionVozClienteBean.renderedArchivoPrincipal}" styleClass="button" value="GENERAR ARCHIVO"/>
                                            </h:panelGroup>
                                        </h:panelGrid>
                                    </f:facet>
                                </h:dataTable>
                                <h:panelGrid binding="#{ListadoVozClientePage.mensajeAlertGridPanel}" id="mensajeAlertGridPanel" rendered="#{SessionVozClienteBean.renderedMensajeAlertGridPanel}">
                                    <ui:alert binding="#{ListadoVozClientePage.mensajeAlert}" id="mensajeAlert"/>
                                </h:panelGrid>
                                <h:inputHidden binding="#{ListadoVozClientePage.hiddenFieldDatosPopup}" id="hiddenFieldDatosPopup"/>                                
                            </td>
                        </tr>
                    </table>
                </center>
            </ui:form>
            <script language="JavaScript" type="text/javascript">
            
                doPopupCargueVozCliente();
                
                function doPopupCargueVozCliente() 
                {
                    var hiddenFieldDatosPopup = document.forms["vozClienteForm"]["vozClienteForm:hiddenFieldDatosPopup"].value;
                    
                    if ( hiddenFieldDatosPopup != "" ) 
                    {
                        document.forms["vozClienteForm"]["vozClienteForm:hiddenFieldDatosPopup"].value = "";
                    
                        var intleft = ((screen.width)/2) - 210; 
                        var inttop = ((screen.height)/2) - 65;

                        //userId = source.form[source.form.id + ":userId"];
                        //formId = source.form.id;

                        popup = window.open(hiddenFieldDatosPopup, "popup",
                                            "height=130,width=420,left=" + intleft + ",top=" + inttop + ","
                                            + "location=no,toolbar=no,status=yes,menubar=no,directories=no,resizable=no,scrollbars=no,copyhistory=no");
                                            
                        //popup.openerFormId = source.form.id;
                        popup.focus();
                        
                        document.forms["vozClienteForm"].submit();
                    }
                }          
            </script>
        </div>
    </f:view>
</jsp:root>
